<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <h:outputStylesheet name="./css/bootstrap.css"/>
        <title>#{title}</title>
    </h:head>

    <h:body>        
        <div class="container">        
            <ui:insert name="top">
                <h1>#{msg.GmailApp}</h1>
            </ui:insert>
            <c:if test="#{view.viewId != '/faces/login.xhtml'}">
                <ui:insert name="navbar">
                    <div class="navbar navbar-default" role="navigation">
                        <div class="container-fluid">
                            <div class="navbar-collapse collapse">
                                <ul class="nav navbar-nav">
                                    <li class="#{gmail.isViewActive(view.viewId, '/faces/index.xhtml')}"><a href="${pageContext.request.contextPath}/gmailapp/faces/index.xhtml">#{msg.Messages}</a></li>
                                    <li class="#{gmail.isViewActive(view.viewId, '/faces/mailbox-maintanence.xhtml')}"><a href="${pageContext.request.contextPath}/gmailapp/faces/mailbox-maintanence.xhtml">#{msg.MailboxMaintanence}</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </ui:insert>
            </c:if>
            <div id="content" class="hero-unit">
                <ui:insert name="content">Content</ui:insert>
            </div>
        </div>

        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>

    </h:body>

</html>
